<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>

    <a href="">跳转</a>

    <input type="text">


    <form action="">
        <input type="text" name="user">
        <input type="text" name="pwd">
        <button type="submit" disabled>提交</button>
    </form>

    <script>

        // 复制   oncopy
        // 粘贴   onpaste
        // 右键   oncontextmenu

        // 表单   onsubmit

        // a 标签默认跳转


        // pointer-events:none 
        // -webkit-user-select:none



        // 阻止默认事件的方法
        //   e.preventDefault()
        //   return false




        var oA = document.querySelector('a');
        oA.onclick = function (e) {
            // return false;

            // prevent 阻止   default 默认
            e.preventDefault();
        }


        document.oncontextmenu = function (e) {
            // console.log(333);
            // return false;

            // e.preventDefault();
        }



        var oInp = document.querySelector('input');

        // 复制事件
        oInp.oncopy = function (e) {
            // console.log(555);
            e.preventDefault()
        }

        // 粘贴事件
        oInp.onpaste = function (e) {
            // console.log(555);
            e.preventDefault()
        }


        var oForm = document.querySelector('form');

        // 阻止
        oForm.onsubmit = function (e) {
            e.preventDefault()
        }





    </script>

</body>

</html>